import React from "react";
import "./index.less"


export function Content (props) {
    const padding = props.padding?'padding':'';
    const gray = props.gray?'gray':'';
    return (
        <div className={`content`}>
            <div className = 'line'>
                <div className = 'contentName'>{props.name}</div>
                <div className = "fackLine"></div>
            </div>
            <div className = {`children ${padding} ${gray}`}>
                {props.children}
            </div>
        </div>
    )
}

export function Form (props) {

    return (
        <div className="form">
            <div className = 'formName'>{props.name}</div>
            <div className = "formChildren">
                {props.children}
            </div>
        </div>
    )
}
